<%--
    Document   : interna
    Created on : 23/03/2013, 21:45:11
    Author     : Max
    Description:
        Página inicial do site do PET
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="pt">
    <head>
        <%@include file="interfaceHead.jsp" %>
    </head>
    <body>
        <div class="nonFooter">

            <%--HEADER--%>
            <%@include file="interfaceHeader.jsp" %>

            <%--MAIN--%>
            <div id="main" class="home">
                <div class="container">
                    <div class="row">
                        <div id="homeImageSlider" class="span12 carousel slide">
                            <ol class="carousel-indicators">
                                <li data-target="#homeImageSlider" data-slide-to="0" class="active"></li>
                            </ol>
                            <div class="carousel-inner">
                                <div class="active item">
                                    <img src="img/banner.jpg" alt="image1"/>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <section class="about span6">

                            <h3>Sobre o PET</h3>
                            <p>O Grupo PET-Informática consiste em 12 alunos bolsistas que contam com a orientação de um tutor. É integrado ao Programa de Educação Tutorial e mantido pelo Ministério da Educação e Cultura. </p>

                            <h3>Qual a nossa missão?</h3>
                            <p>Proporcionar ao aluno integrante uma formação acadêmica completa com atividades que se sustentem sobre o ensino, a pesquisa e a extensão e também com isso melhorar ainda mais nossos cursos de graduação.</p>

                            <h3>Quer participar?</h3>
                            <p>É aluno dos cursos de Ciência da Computação, Informática ou Engenharia de Produção da UEM e quer participar do grupo? Fique ligado para o edital do processo seletivo de convoção para o grupo.</p>

                        </section>
                        <section class="noticias span6">
                            <h3>Notícias</h3>
                            <div class="noticia">
                                <h4>
                                    <a href="#">Título da Notícia</a>
                                    <br/>
                                    <small>
                                        01/04/13 : Postado por <a href="#">Sr. Petiano</a>
                                    </small>
                                </h4>
                                <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
                            </div>
                            <div class="noticia">
                                <h4>
                                    <a href="#">Título da Notícia</a>
                                    <br/>
                                    <small>
                                        01/04/13 : Postado por <a href="#">Sr. Petiano</a>
                                    </small>
                                </h4>
                                <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
                            </div>
                            <div class="noticia">
                                <h4>
                                    <a href="#">Título da Notícia</a>
                                    <br/>
                                    <small>
                                        01/04/13 : Postado por <a href="#">Sr. Petiano</a>
                                    </small>
                                </h4>
                                <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
                            </div>
                            <div class="pull-right">
                                <strong><a href="#">Notícias anteriores</a></strong>
                            </div>
                        </section>
                    </div>
                </div>
            </div>

            <%--StickyFooter--%>
            <div id="push"></div>
        </div>


        <%--FOOTER--%>
        <%@include file="interfaceFooter.jsp" %>
    </body>
</html>